<div class="animated fadeInDown view-more-r medium-12 column">
	<header style="margin-bottom:.5rem;"><a style="color:#009EA1;"><strong>Notifications</strong></a></header>

		<section class="medium-12 column" style="padding:0;">
			<header><strong>2014</strong></header>

			<div class="large-12 column">
				<section class="medium-12 column" style="padding:.27rem;">
					<small><i>Today</i></small>
					<div class="notif-ol active-notif large-12 column" onclick="location.href='#';">
						<div class="medium-1 column">
							<img class="dp" src="<?=BASE_URI ?>img/user_dp/steve.jpg">
						</div>
						<div class="medium-11 column">
							<div class="time medium-10 column">
								<div class="medium-12 column">
									<p><a href="">Brett Virador</a><span> likes your photo.</span></p>
									<p class="timex"><small>12 hrs</small></p>
								</div>
							</div>
							<div class="medium-2 large-2 column">
								<img src="<?=BASE_URI?>img/usr_wall_post/bg1.jpg">
							</div>
						</div>
					</div>

					<div class="notif-ol large-12 column" onclick="location.href='#';">
						<div class="medium-1 column">
							<img class="dp" src="<?=BASE_URI ?>img/user_dp/a7.jpg">
						</div>
						<div class="medium-11 column">
							<div class="time medium-10 column">
								<div class="medium-12 column">
									<p><a href="">Sha Grey</a><span> commented on your photo.</span></p>
									<p class="timex"><small>14 hrs</small></p>
								</div>
							</div>
							<div class="medium-2 large-2 column">
								<img src="<?=BASE_URI?>img/usr_wall_post/bg.jpg">
							</div>
						</div>
					</div>

					<div class="notif-ol large-12 column" onclick="location.href='#';">
						<div class="medium-1 column">
							<img class="dp" src="<?=BASE_URI ?>img/user_dp/a5.jpg">
						</div>
						<div class="medium-11 column">
							<div class="time medium-12 column">
								<div class="medium-12 column">
									<p><a href="">Ana Patricia</a><span> accepted your request</span></p>
									<p class="timex"><small>19 hrs</small></p>
								</div>
							</div>
						</div>
					</div>

				</section>

				<section class="medium-12 column" style="padding:.27rem;">
					<small><i>Yesterday</i></small>
					<div class="notif-ol active-notif large-12 column" onclick="location.href='#';">
						<div class="medium-1 column">
							<img class="dp" src="<?=BASE_URI ?>img/user_dp/steve.jpg">
						</div>
						<div class="medium-11 column">
							<div class="time medium-10 column">
								<div class="medium-12 column">
									<p><a href="">Brett Virador</a><span> likes your photo.</span></p>
									<p class="timex"><small>12 hrs</small></p>
								</div>
							</div>
							<div class="medium-2 large-2 column">
								<img src="<?=BASE_URI?>img/usr_wall_post/bg1.jpg">
							</div>
						</div>
					</div>					
				</section>

				<section class="medium-12 column" style="padding:.27rem;">
					<small><i>January 7, 2015</i></small>
					<div class="notif-ol large-12 column" onclick="location.href='#';">
						<div class="medium-1 column">
							<img class="dp" src="<?=BASE_URI ?>img/user_dp/steve.jpg">
						</div>
						<div class="medium-11 column">
							<div class="time medium-10 column">
								<div class="medium-12 column">
									<p><a href="">Brett Virador</a><span> likes your photo.</span></p>
									<p class="timex"><small>12 hrs</small></p>
								</div>
							</div>
							<div class="medium-2 large-2 column">
								<img src="<?=BASE_URI?>img/usr_wall_post/bg1.jpg">
							</div>
						</div>
					</div>					
				</section>
			</div>
		</section>

	<section class="medium-12 column"style="padding:0;">
		<strong>2013</strong>
	</section>
</div>